<template>
	<view >
		<hx-navbar  :border="false" :fixed="true" transparent="hidden"
			  height="140rpx">
			<view style="text-align: left;width: 100%;font-weight: 700;"><text>联系客服</text></view>
			
		</hx-navbar>
		<view style="background: linear-gradient(183.08deg, #DBF9F1 0%, rgba(219, 249, 241, 0) 46.82%), #FFFFFF;;height:140rpx;width: 100%;position: fixed;top: 0;"></view>
		<view style="background-color: #fff;">
			<view class="tit">热门问题</view>
			<block v-for="(item,i) in questions" :key="item.i">
				<view class="que">{{item.val}}</view>
			</block>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				questions:[
					{val:'1.是送到宿舍还是楼下'},
					{val:'2.我的外卖配送超时了'},
					{val:'3.商家少送餐品'},
					{val:'4.取消订单'},
					{val:'5.修改配送信息'},
					]
			}
		}
	}
</script>

<style lang="scss">
	page{
		background-color: rgba(243, 244, 246, 1);
	}
	.tit{
		font-size: 28rpx;
		color: #000;
		border-bottom: 0.8rpx solid #D9D9D9;
		margin: 0 24rpx;
		height: 82rpx;
		line-height: 82rpx;
		background-color: #fff;
		padding-left: 24rpx;
	}
	.que{
		height: 68rpx;
		line-height: 68rpx;
		margin: 0 48rpx;
		background-color: #fff;
		font-size: 24rpx;
		color: #1B50B8;
		text-decoration:underline;
	}
</style>